<!DOCTYPE html>  
<html>  
  <head>  
    <title>Demo 12</title>
    <style>
div{  
    background-color: #b0d4de;
}
div.mg0 {  
    margin: 50px;
}
div.mg1 {  
    margin-top: 50px;  
    margin-bottom: 50px;  
    margin-right: 100px;  
    margin-left: 100px;  
} 
div.pd0 {  
    padding: 50px;
}
div.pd1 {  
    padding-top: 50px;  
    padding-bottom: 50px;  
    padding-right: 100px;  
    padding-left: 100px;  
} 
</style>  
  </head>  
  <body>  
    <div>Paragraph</div>
    <div class="mg0">Paragraph</div>
    <div class="mg1">Paragraph</div>
    <div class="pd0">Paragraph</div>
    <div class="pd1">Paragraph</div>    
  </body>
</html>